@CHARSET "UTF-8";

body {
	text-align:center;
	margin-top : 0;
	height: 100%;	
	}
	
	.tudo{
		width: 60%;
		height: 1200px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		background-color: 	#B5B5B5;
	/*	max-width:960px;limita o crescimento do layout a ate 960px */
		min-width:800px;  /*limita a reduÃ§ao do layout em ate 800px */
		/*width: auto;
  		text-align: left;
   		margin: 0 auto;*/
 	}
	
	.cabecalho{
		width: 99.4%;
		height: 14%;
		background-color: #B41414;
		margin-bottom: 0.3%;
		margin-left: 0.3%;
		margin-right: 0.3%;
	}
	
	.logo{
		height: 80%;
		width: 100%;
		background-color: #B22923;
		font-size: 90%;
		color:#F5FFFA;
	}
	
	#imglogo{
		height: 70%;
		width: 30%;
		padding-left: 3px;
		padding-bottom: 1px;
	}
	
	/* menu horizontal abaixo do logo */
	#menu{
		height: 20%;
		width: 100%;
		background-color: #E6E5CA;
	}
	
	#menu ul{
		padding:0px;
	    margin:0px;
	    float: left;
	    margin-left:20.3%;
	    width: 79.7%;
	    background-color:#E6E5CA;
	    list-style:none;
	}
	
	#menu ul li { display: inline; }
	
	#menu ul li a {
		    padding: 6px 5%;
		    float:left;
		    /* visual do link */
		    background-color:#E6E5CA;
		    color: #333;
		    text-decoration: none;
		    
		}
	
	#menu ul li a:hover {
		    background-color:#F7F7F7;
		    color: #6D6D6D;
		   /* border-bottom:3px solid #EA0000;*/
		}
		
    /* fim do estilo do menu horizontal abaixo do logo */
	
	
	/* barra lateral esquerda */
	
	.leftsidebar, .rightsidebar{
		height: 45%;
		width: 20%;
		background-color:#f1f1f1;
	}
	
	.leftsidebar{
		float: left;
		margin-left: 0.3%;
	}
	
	.leftsidebar ul, .rightsidebar ul {
			list-style: none;   
			background: #f1f1f1;
			margin: 0px; 
			padding: 0px; 
			width: 100%; 
			 
	}
	
	.leftsidebar ul li, .rightsidebar ul li {
		border-bottom: 1px solid black;
		position:relative;
		
	}
	
	.leftsidebar ul li a,.rightsidebar ul li a {
		width: 220px; 
		height: 25px;
		display: block;
		padding-left: 3%;
		padding-top: 1%;
		font: 80% Tahoma;
		text-decoration: none;
		color: #444;
		/*display:table-cell;*/
	}
	
	.leftsidebar ul li a:hover, .rightsidebar ul li a:hover{
		background: #B41414;
		color: #FFFACD;
		width: 97.5%;
	}
	
	/*submenu*/
	 .leftsidebar li ul, .leftsidebar li:hover ul ul{
		display:none;
		position: absolute;
		top:0;
		left:210px;
		text-align: center;
		border-left: 1px solid #444; 
		
		}

	 .leftsidebar li:hover ul,.leftsidebar ul li:hover ul{
			display:block;
		}
	/*submenu fim*/
		
	/* fim do estilo da barra lateral esquerda */ 
		
	.content{
		height: 82.4%;
		width: 58.8%;
		background-color:#B5B5B5;
		float: left;
		margin-right: 0.3%;
		margin-left: 0.3%;
		margin-bottom: 0.3%;
	}
	
	.content1{
		height: 38.8%;
		width: 100%;
		background-color: #B5B5B5;
	}
	.content2, .content3, .content4{
		height: 20%;
		width: 100%;
		background-color:#f1f1f1; /*#9ACD32;*/
		margin-top: 0.4%;
	}
	
	.content2 ul, .content3 ul , .content4 ul{
			list-style: none;   
			margin: 0px; 
			padding: 0px; 
			width: 100%; 
	}
	
	.content2 ul li, .content3 ul li {
		border-bottom: 1px dotted black;
	}
	
	.content2 ul li a, .content3 ul li a {
		display: block;
		padding-top: 1%;
		padding-left: 1%;
		font: 80% Tahoma;
		text-decoration: none;
		color: #444;
	}
	
	.content2 ul li a:hover, .content3 ul li a:hover{
		color:#000000;
	}
		
	.content4{
		height: 19%;
	}
			
	.content4 ul li {
		border-bottom: 1px dotted black;
		display: block;
		padding-left: 1%;
		font: 80% Tahoma;
		text-decoration: none;
		color: #444;
	}
	
	.post1{
		height: 100%;
		width: 54.7%;
		background-color: #F5FFFA;
		margin-right:0.3%;
		float: left;
	}
	.post2, .post3{
		height: 49.8%;
		width: 45%;
		background-color: #F5FFFA;
		float: right;
	}
	.post2{
		margin-bottom:0.4%;
	}
	
	.rightsidebar{
		float: right;
		margin-right: 0.3%;
	}
	

	#login{
		color:#FFFACD;
		font-size:11px;
		font-weight:bold;
		font-family:Verdana,Helvetica;
		background-color: #B22923;
		height: 30%;
	}
	
	.login{
		margin-left: 6%;
		margin-top:5%;
		width: 85%;
		height: 6%;
		padding-bottom: 3%;
	}
	
	.botaoentrar{
		font-size:11px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        color:#CC0000;
        background:#f1f1f1;
        border:0px;
        width:31%;
        height:12%;
        margin-right:6%;
        margin-bottom:5%;
        float: right;
   	}
   	
	
	.secaomenu,#aniversariantes{
		background-color: #B22923;
		color:#FFFACD;
		font-size:12px;
		font-weight:bold;
		font-family:Verdana,Helvetica;
	}
	.rodape{
		height: 3%;
		width: 100%;
		background-color: #B22923;
		clear:both;
	}
	
	#endereco{
		color:#FFFACD;
		text-align:center;
		font-size: 13px;
	}
	

